1.3 튜토리얼 개요

1.3 튜토리얼 개요 (Tutorial Overview)

이 튜토리얼에서는 “HotDog“이라는 작은 앱을 처음부터 끝까지 만듭니다. HotDog은 강아지용 틴더라고 할 수 있습니다 — 귀여운 강아지 사진 스트림을 스와이프하여 마음에 드는 사진을 저장하고, 나중에 저장한 사진을 다시 볼 수 있는 앱입니다. 튜토리얼이 끝나면 웹·데스크톱·모바일 앱과 Fly.io에 배포된 백엔드를 갖게 됩니다. 이 가이드는 Dioxus의 “핵심” 기능을 다루며, 깊은 API 세부 사항보다는 높은 수준의 개념에 집중합니다.

학습할 주제 (순서)

• Tooling Setup - 도구 설정
• Creating a new app - 새 앱 만들기
• How Components Work - 컴포넌트 작동 방식
• Creating UI with RSX-RSX로 UI 만들기
• Styling and Assets - 스타일링과 자산
• Adding State - 상태 추가
• Fetching Data - 데이터 가져오기
• Adding a Backend - 백엔드 추가
• Integrating a Database - 데이터베이스 연동
• App Routing - 라우팅
• Bundling - 번들링
• Deployment - 배포
• Next Steps - 다음 단계

우리가 만들 앱: HotDog

• 귀여운 강아지 사진 스트림을 감상합니다
• 마음에 들면 오른쪽으로 스와이프하여 저장합니다
• 마음에 들지 않으면 왼쪽으로 스와이프하여 넘깁니다
• 나중에 저장한 사진을 모아볼 수 있습니다

핵심 포인트

• HotDog이라는 실제 앱을 통해 Dioxus의 전체 기능을 end-to-end로 학습
• 튜토리얼 완료 후에는 Core Concepts(Essentials)와 Guides를 읽어 깊이를 더할 것을 권장